
/* 页面左右间距 */
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$base-color: #fa436a;

/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary:#ffac30;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

$topic-color:#f39801;

/* 颜色变量 */
$uni-theme-color: #FD575C;

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24upx;
$uni-font-size-base:28upx;
$uni-font-size-lg:32upx;

/* 图片尺寸 */
$uni-img-size-sm:40upx;
$uni-img-size-base:52upx;
$uni-img-size-lg:80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36upx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30upx;
.g-flex {
	display: flex;
}
.g-flex-dir-col {
	@extend .g-flex;
	flex-direction: column;
}
.g-flex-c {
	@extend .g-flex;
	align-items: center;
}
.g-flex-bc {
	@extend .g-flex-c;
	justify-content: space-between;
}
.g-flex-cc {
	@extend .g-flex-c;
	justify-content: center;
}
.g-flex-1 {
	flex: 1;
}
.g-flex-wrap {
	flex-wrap: wrap;
}
$list: 10, 20, 30, 40, 50, 60;
@each $val in $list {
	.m-#{$val} {
		margin: 1upx * $val;
	}
	.m-t-#{$val} {
		margin-top: 1upx * $val;
	}
	.m-b-#{$val} {
		margin-bottom: 1upx * $val;
	}
	.m-l-#{$val} {
		margin-left: 1upx * $val;
	}
	.m-r-#{$val} {
		margin-right: 1upx * $val;
	}
	.m-tb-#{$val} {
		margin-top: 1upx * $val;
		margin-bottom: 1upx * $val;
	}
	.m-lr-#{$val} {
		margin-left: 1upx * $val;
		margin-right: 1upx * $val;
	}
	.p-#{$val} {
		padding: 1upx * $val;
	}
	.p-t-#{$val} {
		padding-top: 1upx * $val;
	}
	.p-b-#{$val} {
		padding-bottom: 1upx * $val;
	}
	.p-l-#{$val} {
		padding-left: 1upx * $val;
	}
	.p-r-#{$val} {
		padding-right: 1upx * $val;
	}
	.p-tb-#{$val} {
		padding-top: 1upx * $val;
		padding-bottom: 1upx * $val;
	}
	.p-lr-#{$val} {
		padding-left: 1upx * $val;
		padding-right: 1upx * $val;
	}
}
view, text {
	box-sizing: border-box;
}
.page-wrap {
	height: 100%;
	color: $uni-text-color;
	font-size: $uni-font-size-base;
}
.overflow-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.w-100 {
	width: 100%;
}
.h-100 {
	height: 100%;
}

.border {
	border: 1upx solid #e6e6e6;
}
.border-b {
	border-bottom: 1upx solid #e6e6e6;
}
.center, .text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.page-wrap {
	background: #F8F8F8;
}



